<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>BDC</title>
		<link href="css/bootstrap.css" rel="stylesheet" />
		<!--<link href="css/bootstrap-responsive.min.css" rel="stylesheet" />-->
		<link href="css/style.css" rel="stylesheet" />
		<style>
			a{background-position: }
		</style>
	</head>
	<body>
		<div class="container">
			<div class="navbar library-navbar">
				<div class="navbar-inner navbar-fixed-top">
					<div class="container">
						<a class="brand" href="#">轻松记</a>
						
						
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="container" style="width:940px;">
			<div class="login-main">
				<h2 class="clearfix">
				<!--你需要强化记忆的信息-->
				<div class="btn-group">
						<a class="btn dropdown-toggle btn-inverse" data-toggle="dropdown" href="#"> 选择卡片分类 <span class="caret"></span> </a>
						<ul class="dropdown-menu">
							<li>
										<a href="#">电影</a>
									</li>
									<li>
										<a href="#">学习</a>
									</li>
									<li>
										<a href="#">音乐</a>
									</li>
									<li class="divider"></li>
									<li>
										<a href="#">Separated link</a>
									</li>
						</ul>
					</div>				
				</h2>
				<div id="recordfragment" class="fragment">
					<textarea placeholder="可以输入一句话，也可是一段话。可以是英文，也可以是其他任何语言。"></textarea>
				</div>
				<div id="memoryfragment" class="fragment">
					<textarea placeholder="输入帮助记忆的内容"></textarea>
					<button class="btn btn-large btn-warning">保存卡片！</button>
				</div>
			</div>
			
		</div>
		<script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
		<script src="js/bootstrap.min.js" type="text/javascript"></script>
		<script></script>
	</body>
</html>
